<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	//response.setCharacterEncoding("utf-8");
	//response.setContentType("text/html;charset=utf-8");
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script type="text/javascript" src="jquery/jquery-2.1.1.js"> </script>
 
  <style>
	input:focus,textarea:focus{
		border:1px solid #f00;
		background:#fcc;
	}
	
	textarea{
		width:400px;
		height:50px;
	}
	div{
		margin:5px;
		width:600px;
		height:40px;
	}
	body
	{
		font-size:12px;
		font-family:Microsoft YaHei;
			
	}
	.left{
		display:block;
		float:left;
		width: 80px;
	 	padding-left: 2px;
		font-size:10pt;font-family:Microsoft YaHei;
		alignment-baseline:middle;
	
	}
	.submit{
		margin-top:40px;
		margin-left:250px;
		alignment-adjust:central;
	}
	.button{
		 font:10pt;
		 font-family: Microsoft YaHei ;
		 color:#FFF;
		 background-color:#03C;
		 
		}
	select option{
		font-size:10px;
		font-family:Microsoft YaHei;
	}
  </style>
  <!--  <script>

  function checkForm()
  {
	  if($("#username").val() == "")
	  {
	 		 $("#tips_user").html("用户名不能为空！");
			 $("#username").focus();
	 		 return false;
	  }
	  else
	  {
			$("#tips_user").html("OK！");
			
	  }
	  if($("#password").val() == "")
	  {
			$("#tips_pass").html("密码不能为空！");
			$("#password").focus();
			return false;  
	  }
	  else
	  {
		  $("#tips_pass").html("OK！");
		 
	  }
	  
	  
	  
	   if($("#password").val().length < 6 ||  $("#password").val().length> 18)
	  {
			$("#tips_pass").html("密码长度须在6-18之间！");
			$("#password").focus();
			return false;  
	  }
	  else
	  {
		  $("#tips_pass").html("OK！");
		 
	  }
	   if($("#password").val() != $("#requiredpass").val())
		   {
		   	$("#tips_requiredpass").html("两次输入的密码不一致！");
		   	$("#requiredpass").focus();
		   	return false;
		   
		   }
	   else{
		   
		   $("#tips_requiredpass").html("OK！");
	   }	   
	   
	  var email = $("#email").val();
	  var pattern = /^[a-zA-Z0-9#_\^\$\.\*\+\-\?\=\!\:\|\\\/\(\)\[\]\{\}]+@[a-zA-Z0-9]+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
	  if("" == email) {
		$("#tips_email").html("电子邮箱不能为空！");
		return false;
		} else if(!pattern.test(email)) {
		$("#tips_email").html("Email不合法！");
		return false;
	  }
	  else {
		
		 $("#tips_email").html("OK！");
		
	  }
	  
	  if(!$("#hobby").attr("checked",true))
	  {
		$("#tips_hobby").html("至少选择其中一项"); 
		
	  }
	 
  }

  </script>-->
 </head>

 <body>
  <form action="service/bookservice?action=add" method="post" id="myform" >
	<fieldset>
		<legend>存书基本信息</legend>
		
		<div>
			<label for="booknum" class="left">书号：</label>
			<input type="text" name="booknum" id="booknum"/>
            <span id="book_num">*</span>
		</div>
        <div>
			<label for="bookname" class="left">书名：</label>
			<input type="text" name="bookname" id="bookname"/>
            <span id="book_name">*</span>
		</div>
        <div>
			<label for="bookauther" class="left">作者：</label>
			<input type="text" name="bookauther" id="bookauther"/>
            <span id="book_auther">*</span>
		</div>
        <div>
			<label for="bookout" class="left">出版社：</label>
			<input type="text" name="bookout" id="bookout" />
            <span id="book_out">*</span>
		</div>
        <div>
			<label for="bookpice" class="left">定价：</label>
			<input type="text" name="bookpice" id="bookpice" />
            <span id="book_pice">*</span>
		</div>
         
        <div>
			<label for="bookoutdate" class="left">出版日期：</label>
			<input type="text" name="bookoutdate" id="bookoutdate"/>
            <span id="book_outdate">*</span>
		</div>
		
        <div class="submit"><input type="submit" value="提交" class="button"/>
        <input type="reset" value="重置" class="button"/>
        </div>
	</fieldset>
  </form>
 </body>
</html>
